$(function () {
    // 初始化页面显示
    $('.content-section').hide();
    $('#my-ly').show();

    // 处理一级菜单项点击
    $('.sidebar-nav > ul > li > a').off('click').on('click', function (e) {
        e.preventDefault();
        const target = $(this).data('target');
        if (target) {
            // 更新活动状态
            $('.sidebar-nav a').removeClass('active');
            $(this).addClass('active');

            // 显示对应内容
            $('.content-section').hide();
            $('#' + target).fadeIn(300);

            // 更新URL hash
            window.location.hash = target;
        }
    });

    // 处理子菜单展开/收起
    function toggleSubmenu($menuItem, event) {
        event.preventDefault();
        event.stopPropagation();

        const $submenu = $menuItem.find('.submenu');
        const $arrow = $menuItem.find('.arrow');

        // 关闭其他子菜单
        $('.menu-item').not($menuItem).removeClass('active');
        $('.menu-item').not($menuItem).find('.submenu').slideUp(300);
        $('.menu-item').not($menuItem).find('.arrow').removeClass('open');

        // 切换当前子菜单
        if (!$submenu.is(':visible')) {
            $menuItem.addClass('active');
            $submenu.slideDown(300);
            $arrow.addClass('open');
        } else {
            $menuItem.removeClass('active');
            $submenu.slideUp(300);
            $arrow.removeClass('open');
        }
    }

    // 处理带有子菜单的菜单项点击
    $('.has-submenu').off('click').on('click', function (e) {
        const $menuItem = $(this).closest('.menu-item');
        toggleSubmenu($menuItem, e);
    });

    // 处理子菜单项点击
    $('.submenu a').off('click').on('click', function (e) {
        e.preventDefault();
        e.stopPropagation();

        const target = $(this).data('target');

        // 更新活动状态
        $('.sidebar-nav a').removeClass('active');
        $(this).addClass('active');

        // 显示对应内容
        $('.content-section').hide();
        $('#' + target).fadeIn(300);

        // 更新URL hash
        window.location.hash = target;
    });

    // 处理URL hash变化
    function handleHash() {
        const hash = window.location.hash.slice(1) || 'my-ly';
        const $target = $(`a[data-target="${hash}"]`);

        if ($target.length) {
            // 如果目标在子菜单中
            if ($target.closest('.submenu').length) {
                const $menuItem = $target.closest('.menu-item');
                $menuItem.addClass('active');
                $menuItem.find('.submenu').show();
                $menuItem.find('.arrow').addClass('open');
            }

            // 更新选中状态和显示内容
            $('.sidebar-nav a').removeClass('active');
            $target.addClass('active');
            $('.content-section').hide();
            $('#' + hash).fadeIn(300);
        }
    }

    // 监听hash变化
    $(window).off('hashchange').on('hashchange', handleHash);

    // 页面加载时处理hash
    handleHash();

    // 阻止文档点击事件关闭菜单
    $(document).off('click').on('click', function (e) {
        if (!$(e.target).closest('.sidebar-nav').length) {
            $('.submenu').slideUp(300);
            $('.menu-item').removeClass('active');
            $('.arrow').removeClass('open');
        }
    });
});